<template>
  <div class="loginWrap">
    <div class="ycl-box">
      <div class="ycl-box1">
          <div style="height:70px;"></div>
          <div class="logoImgBox">
            <a href="/index/indexLogin.do" class="logobox">
              <img src="~img/ymtCenter_IMG_03.png" alt="logo"/>
            </a>
          </div>
          <div style="height:30px;line-height:30px;font-size:24px;color: #333333;margin-top:13px;text-align: center;font-weight:600;">
            重置密码
          </div>
          <div style="height:125px;"></div>
          <div style="height: 90px;text-align: center;font-size: 0">
            <img src="~img/success_sgin_03.png" alt="success">
          </div>
          <div style="margin:30px 0 75px;text-align: center;line-height:24px;color: #333333;font-size: 18px;">
            密码重置成功！
          </div>
          <div style="text-align: center;">
            <div @click="toLogin" class="spwdsuccBtn">立即登录</div>
          </div>
          <div style="height:114px;"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ResetpwdSucc',
  methods: {
    toLogin () {
      this.$router.push('/login')
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.spwdsuccBtn {
  display:inline-block;
  margin:0 auto;
  background-color: $baseColor;
  color:#fff;
  width: 340px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.loginWrap
  width 100%
  height 100%
  background #f4f4f4
  position absolute
  top 0
  left 0
  right 0
  bottom 0
.ycl-box
  min-height 1px
  width 1180px
  margin 50px auto
  background-color #FFFFFF
  padding 0 55px
  .el-form-item
    margin-bottom 20px
  .ycl-box1
    min-height 1px
    margin 0 auto
    width 340px
    position relative
    .logoImgBox
      height 50px
      line-height 50px
      font-size 24px
      color #333
      font-weight 600
      text-align center
      .logobox
        img
          width 190px
</style>
